<!DOCTYPE html>
<html lang="zh-cmn-Hans" manifest="index.appcache">
<!--<html lang="zh-cmn-Hans">-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta keywords="取色器，色表，RGB，HSL，HSV">
    <meta description="可通过色轮和数字输入来取色的取色器，且从色表数据中选择颜色">

    <title>Colorful - Wings</title>
    <link rel="icon" href="./icon/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="./icon/favicon.ico" type="image/x-icon"/>
    
    <link rel="stylesheet" href="index.css"/>
    <link rel="stylesheet" href="part/ColorPicker.css"/>
    <link rel="stylesheet" href="part/Contents.css"/>
    <link rel="stylesheet" href="part/Display.css"/>
    <script type="text/javascript" src="part/ColorPicker.js"></script>
    <script type="text/javascript" src="part/Contents.js"></script>
    <script type="text/javascript" src="part/Display.js"></script>
    <script type="text/javascript" src="index.js"></script>
</head>
<body>
    <div id="container">
        <img id="frame"/>
        <div id="colorPicker">
            <div id="colorPicker_picker">
                <img id="colorPicker_picker_mask" src="icon/Mask.png" alt="明度和饱和度掩膜"/>
                <img id="colorPicker_picker_wheel" src="icon/Wheel.png" alt="色轮" />               
                <img id="colorPicker_picker_markerWheel" src="icon/MarkerWheel.png" alt="色轮坐标"/>
                <img id="colorPicker_picker_markerMask" src="icon/Marker.png" alt="掩膜坐标"/>
            </div>    
            <div id="colorPicker_selected">
                <div id="colorPicker_selected_color"></div>
                <div id="colorPicker_selected_hex">
                    # FF0000
                </div>
                <div id="colorPicker_selected_rgb">
                    R
                    <input id="colorPicker_selected_rgb_r" type="text" value="255" Class="ColorPicker_255"/>
                    G
                    <input id="colorPicker_selected_rgb_g" type="text" value="0" Class="ColorPicker_255"/>
                    B
                    <input id="colorPicker_selected_rgb_b" type="text" value="0" Class="ColorPicker_255"/>
                </div>
                <div id="colorPicker_selected_hsl">
                    H
                    <input id="colorPicker_selected_hsl_h" type="text" value="0.00" Class="ColorPicker_360"/>
                    S
                    <input id="colorPicker_selected_hsl_s" type="text" value="1.00" Class="ColorPicker_1"/>
                    L
                    <input id="colorPicker_selected_hsl_l" type="text" value="0.50" Class="ColorPicker_1"/>
                </div>
                <div id="colorPicker_selected_hsv">
                    H
                    <input id="colorPicker_selected_hsv_h" type="text" value="0.00" Class="ColorPicker_360"/>
                    S
                    <input id="colorPicker_selected_hsv_s" type="text" value="1.00" Class="ColorPicker_1"/>
                    V
                    <input id="colorPicker_selected_hsv_v" type="text" value="1.00" Class="ColorPicker_1"/>
                </div>    
            </div>     
        </div>
        <div id="contents">
            <div id="contents_title">
                <span id="contents_level">色表</span>
                <img id="contents_back" src="icon/Back.png" alt="返回" title="返回"/>
            </div>
            <div id="contents_table"></div>
            <div id="contents_list"></div>
        </div>
        <div id="display">
            <div id="display_table"></div>
            <img id="display_previous" src="icon/Previous.png" alt="向上" title="向上"/>
            <img id="display_next" src="icon/Next.png" alt="向下" title="向下"/>
        </div>
        <div id="extra">
            <a href="./part/ColorResolutionGame/ColorResolutionGame.html" target="_blank" title="颜色分辨力游戏">
                <img src="./icon/ColorResolutionGame.png" alt="颜色分辨力游戏"/>
            </a>
        </div>
    </div>      
</body>
</html>

<!-- -->